<template>
  <div class="score-page">
    <a-space direction="vertical">
      <a-rate color="red" />
    </a-space>

    <a-button type="primary" @click="submitRating">提交评分</a-button>
  </div>
</template>
<script>
import { ref } from "vue";

export default {
  name: "scorePage",
  setup() {
    const rating = ref(0);

    const submitRating = () => {
      // 这里可以添加提交评分的逻辑，例如发送到服务器
      console.log("评分提交:", rating.value);
    };

    return {
      rating,
      submitRating,
    };
  },
};
</script>
<style lang="scss" scoped>
.score-page ::v-deep {
  padding: 16px;
  .arco-rate-character {
    color: #efefef;
  }
}
</style>
